//文本按钮
.el-button--text{
    color: #337CE3;
}
.el-button--text:hover {
    color: #337CE3;
}
.el-button.is-disabled.el-button--text{
    background: #fff !important;
    border: none !important;
}
.el-button.is-disabled.el-button--text:hover{
    background: #fff !important;
    border: none !important;
}
//标准按钮
//type="primary"
.el-button--primary {
color: #FFF;
background-color: #337CE3;
border-color: #337CE3;
}

.el-button--primary:hover {
background: #337CE3;
border-color: #337CE3;
}

//---成功按钮
//type="success"
.el-button--success{
color: #FFF;
background-color: #66C800;
border-color: #66C800;
}
.el-button--success:hover{
background-color: #8BD640;
border-color: #8BD640;
}

//---警告橘黄色按钮
//type="warning"
.el-button--warning {
color: #FFF;
background-color: #FFAB00;
border-color: #FFAB00;
}
.el-button--warning:hover {
background-color: #FFC632;
border-color: #FFC632;
}

//---提示红色按钮
//type="danger"
.el-button--danger {
color: #FFF;
background-color: #FF2337;
border-color: #FF2337;
}

.el-button--danger:hover {
background-color: #FF6465;
border-color: #FF6465;
}

//所有按钮禁用样式
.el-button.is-disabled {
color: rgba(0, 0, 0, 0.25) !important;
background: #F5F5F5 !important;
border: 1px solid #D9D9D9 !important;
}
.el-button.is-disabled:hover {
background: #F5F5F5 !important;
border: 1px solid #D9D9D9 !important;
}

//自定义---主要--新增、保存、确定、提交为例
.standard-btn {
color: #fff !important;
background: #337CE3 !important;
border: 1px solid #337CE3 !important;
}

.standard-btn:hover {
background: #337CE3 !important;
border: 1px solid #337CE3 !important;
}

//自定义---灰色边框、黑色字体、白色背景按钮--取消按钮为例
.simple-btn {
color: rgba(0, 0, 0, 0.65) !important;
background: #FFFFFF !important;
border: 1px solid #DDDDDD !important;
}


.simple-btn:hover {
background: #f5f5f5 !important;
}

//自定义---下载、复制、预览---次要按钮
.secondary-btn{
color: #337CE3 !important;
background: rgba(0, 182, 154, 0.25) !important;
border: 1px solid #337CE3 !important;
}
